// 主题色变量
@primary-color: #409eff;
@success-color: #67c23a;
@warning-color: #e6a23c;
@danger-color: #f56c6c;
@info-color: #909399;

// 文字颜色变量
@text-primary: #304156;
@text-regular: #606266;
@text-secondary: #909399;
@text-placeholder: #c0c4cc;

// 背景色变量
@bg-color: #f5f7fa;
@bg-color-page: #ffffff;
@bg-color-overlay: #ffffff;
@bg-color-hover: #f5f7fa;
@bg-color-active: #e6f7ff;

// 边框色变量
@border-color: #e4e7ed;
@border-color-light: #ebeef5;
@border-color-lighter: #f2f6fc;
@border-color-extra-light: #f5f7fa;
@border-color-dark: #dcdfe6;

// 阴影变量
@box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
@box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

// 圆角变量
@border-radius: 4px;
@border-radius-small: 2px;
@border-radius-base: 4px;
@border-radius-medium: 6px;
@border-radius-large: 8px;

// 滚动条变量
@scrollbar-track: #f1f1f1;
@scrollbar-thumb: #c1c1c1;
@scrollbar-thumb-hover: #a8a8a8;

// 表格变量
@table-header-bg: #fafafa;
@table-row-hover: #f5f7fa;
@table-row-current: #e6f7ff;

// 卡片变量
@card-header-bg: #ffffff;

// 字体大小变量
@font-size-xs: 12px;
@font-size-sm: 13px;
@font-size-base: 14px;
@font-size-lg: 16px;
@font-size-xl: 18px;
@font-size-xxl: 20px;

// 行高变量
@line-height-xs: 1.2;
@line-height-sm: 1.3;
@line-height-base: 1.5;
@line-height-lg: 1.6;

// 间距变量
@spacing-xs: 4px;
@spacing-sm: 8px;
@spacing-base: 12px;
@spacing-md: 16px;
@spacing-lg: 20px;
@spacing-xl: 24px;
@spacing-xxl: 32px;

// z-index 变量
@z-index-dropdown: 1000;
@z-index-sticky: 1020;
@z-index-fixed: 1030;
@z-index-modal-backdrop: 1040;
@z-index-modal: 1050;
@z-index-popover: 1060;
@z-index-tooltip: 1070;

// 动画时长变量
@animation-duration-fast: 0.1s;
@animation-duration-base: 0.2s;
@animation-duration-slow: 0.3s;

// 过渡动画变量
@transition-duration-fast: 0.1s;
@transition-duration-base: 0.2s;
@transition-duration-slow: 0.3s;

// 透明度变量
@opacity-disabled: 0.5;
@opacity-loading: 0.6;

// 其他变量
@safe-area-inset-top: env(safe-area-inset-top, 0px);
@safe-area-inset-right: env(safe-area-inset-right, 0px);
@safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
@safe-area-inset-left: env(safe-area-inset-left, 0px);